<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">

<head>
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0"/>
    <meta name="format-detection" content="telephone=no">
    <meta charset="UTF-8">

    <meta name="description" content="欢迎进入瓦尔哈拉大陆">
    <meta name="keywords" content="Super Admin, Admin, Template, Bootstrap">

    <title>瓦尔哈拉大陆管理后台</title>

    <!-- CSS -->
    <link href="/static/css/bootstrap.min.css" th:href="@{/css/bootstrap.min.css}" rel="stylesheet">
    <link href="/static/css/animate.min.css" th:href="@{/css/animate.min.css}" rel="stylesheet">
    <link href="/static/css/font-awesome.min.css" th:href="@{/css/font-awesome.min.css}" rel="stylesheet">
    <link href="/static/css/form.css" th:href="@{/css/form.css}" rel="stylesheet">
    <link href="/static/css/calendar.css" th:href="@{/css/calendar.css}" rel="stylesheet">
    <link href="/static/css/style.css" th:href="@{/css/style.css}" rel="stylesheet">
    <link href="/static/css/icons.css" th:href="@{/css/icons.css}" rel="stylesheet">
    <link href="/static/css/generics.css" th:href="@{/css/generics.css}" rel="stylesheet">
</head>
<body id="skin-blur-violate">
<!-- top-menu -->
<div th:replace="commons/top-menu::#header"></div>

<div class="clearfix"></div>

<section id="main" class="p-relative" role="main">

    <!-- Sidebar -->
    <aside th:replace="commons/side-menu::#sidebar(activeUri='index.html')"></aside>

    <!-- Content -->
    <section id="content" class="container">

        <!-- Messages Drawer -->
        <div th:replace="commons/top-menu::#messages"></div>

        <!-- Notification Drawer -->
        <div th:replace="commons/top-menu::#notifications"></div>

        <!-- Breadcrumb -->
        <!--<div th:replace="commons/top-menu::#breadcrumb"></div>-->

        <!--<h4 class="page-title">首页</h4>-->

        <!-- Shortcuts -->
        <div th:replace="commons/block-area::#shortcuts"></div>
        <hr class="whiter"/>

        <!-- Quick Stats -->
        <div th:replace="commons/block-area::#quick-stats"></div>

        <hr class="whiter"/>

        <!-- Main Widgets -->
        <div th:replace="commons/block-area::#widget-02"></div>
        <!-- Chat -->
        <!--<div th:replace="commons/components::#chat"></div>-->
    </section>

</section>

<!-- Javascript Libraries -->
<!-- jQuery -->
<script src="/static/js/jquery.min.js" th:src="@{/js/jquery.min.js}"></script> <!-- jQuery Library -->
<script src="/static/js/jquery-ui.min.js" th:src="@{/js/jquery-ui.min.js}"></script> <!-- jQuery UI -->
<script src="/static/js/jquery.easing.1.3.js" th:src="@{/js/jquery.easing.1.3.js}"></script>
<!-- jQuery Easing - Requirred for Lightbox + Pie Charts-->

<!-- Bootstrap -->
<script src="/static/js/bootstrap.min.js" th:src="@{/js/bootstrap.min.js}"></script>

<!-- Charts -->
<script src="/static/js/charts/jquery.flot.js" th:src="@{/js/charts/jquery.flot.js}"></script> <!-- Flot Main -->
<script src="/static/js/charts/jquery.flot.time.js" th:src="@{/js/charts/jquery.flot.time.js}"></script>
<!-- Flot sub -->
<script src="/static/js/charts/jquery.flot.animator.min.js"
        th:src="@{/js/charts/jquery.flot.animator.min.js}"></script> <!-- Flot sub -->
<script src="/static/js/charts/jquery.flot.resize.min.js" th:src="@{/js/charts/jquery.flot.resize.min.js}"></script>
<!-- Flot sub - for repaint when resizing the screen -->

<script src="/static/js/sparkline.min.js" th:src="@{/js/sparkline.min.js}"></script> <!-- Sparkline - Tiny charts -->
<script src="/static/js/easypiechart.js" th:src="@{/js/easypiechart.js}"></script>
<!-- EasyPieChart - Animated Pie Charts -->
<script src="/static/js/charts.js" th:src="@{/js/charts.js}"></script> <!-- All the above chart related functions -->

<!-- Map -->
<script src="/static/js/maps/jvectormap.min.js" th:src="@{/js/maps/jvectormap.min.js}"></script>
<!-- jVectorMap main library -->
<script src="/static/js/maps/usa.js" th:src="@{/js/maps/usa.js}"></script> <!-- USA Map for jVectorMap -->

<!--  Form Related -->
<script src="/static/js/icheck.js" th:src="@{/js/icheck.js}"></script> <!-- Custom Checkbox + Radio -->

<!-- UX -->
<script src="/static/js/scroll.min.js" th:src="@{/js/scroll.min.js}"></script> <!-- Custom Scrollbar -->

<!-- Other -->
<script src="/static/js/calendar.min.js" th:src="@{/js/calendar.min.js}"></script> <!-- Calendar -->
<script src="/static/js/feeds.min.js" th:src="@{/js/feeds.min.js}"></script> <!-- News Feeds -->


<!-- All JS functions -->
<script src="/static/js/functions.js" th:src="@{/js/functions.js}"></script>
</body>
</html>
